<head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  <meta name="viewport" content="width=device-width, height=device-height, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" />
  <meta name="description" content="A free video chat for the web. No sign ups. No downloads." />
  <meta name="keywords" content="group video chat, video communication, multiparty video chat, video chat, webrtc, peer to peer, p2p" />
  <meta name="apple-mobile-web-app-status-bar-style" content="default" />
  <meta name="mobile-web-app-capable" content="yes" />
  <meta name="application-name" content="Hello" />
  <meta name="theme-color" content="#000000" />

  <!-- Meta data for link fetching -->
  <meta property="og:title" content="Hello" />
  <meta property="og:description" content="A free video chat for the web. No sign ups. No downloads. 100% free." />

  <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png" />
  <link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" />
  <link rel="icon" href="/favicon.svg" sizes="any" type="image/svg+xml" />
  <link rel="manifest" href="/manifest.json" />

  <link rel="stylesheet" href="/styles.css" />

  <% if(page==="channel" ) { %>
  <script defer src="/socket.io/socket.io.js"></script>
  <script defer src="/vue.global.prod.js"></script>
  <script defer src="/ice-config.js"></script>
  <script defer src="/peer.js"></script>
  <script defer src="/app.js"></script>
  <% } %>

  <title>Hello / <%= title %></title>
</head>